@import "variables";

.Select {
  .Select-control {
    border-color: $input-border;
    border-radius: 2px;
    height: 32px;
  }

  .Select-input {
    height: 32px;
  }

  &.is-focused .Select-control {
    border-color: $input-border-focus;
  }

  .Select-menu-outer {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-color: $input-border-focus;
  }

  &.Select--multi .Select-input {
    display: inline-block;
    margin-left: 5px;
  }

  &.is-focused:not(.is-open) > .Select-control {
    box-shadow: none;
  }
}

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  line-height: 32px;
  margin-right: 30px;
}

.Select-menu-outer {
  z-index: 9999;
}